// pages/list/list.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    listData:[
      // { "id":1,"content":"记事本第一次","time":"2020-08-20"},
      // { "id":2,"content":"昨天暴风雨警告，但是我没感觉到","time":"2020-08-19"}
    ],
    myNum:20
  },
  onchange:function(data){
    console.log(data);
    this.setData({
      myNum:data.detail.myNum
    })
  },
  goAdd:function(){
    //页面跳转
    wx.navigateTo({
      url: '/pages/add/add',
    })
    //redirectTo跳转
    // wx.redirectTo({
    //   url: '/pages/add/add',
    // })
  },
  goLoggs:function(){
    wx.switchTab({
      url: '/pages/logs/logs',
    })
  },
  //删除操作
  delFunc:function(ev){
    console.log(ev);
    const id = ev.currentTarget.dataset.id;

    //点击删除按钮时，需要有提示框，再点击提示框的确定按钮才会删除数据
    wx.showModal({
      title: '删除提示',
      content: '请确认是否删除该条记录？',
      success:(res)=>{//将函数改为了箭头函数，保留了this的指向
        if (res.confirm) {
          //删除缓存中相应的数据
          console.log(this);
          delValue(this,id);
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  
  },
  //修改功能，跳转到add页面，并传参数
  editFunc:function(ev){
    const id = ev.currentTarget.dataset.id;
    //跳转页面
    wx.navigateTo({
      url: '/pages/add/add?id='+id,
    })
  },


  /**
   * 生命周期函数--监听页面加载 只加载一次
   */
  onLoad: function (options) {
    getValue(this);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成  只加载一次
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示 可以加载很多次
   */
  onShow: function () {
    getValue(this);
  }
})
//获取缓存数据
function getValue(page){
  var value = wx.getStorageSync('note');
  console.log(value);
  if(value.length){
    page.setData({
      listData:value
    })
  }
}

//删除缓存中对应的记录
function delValue(page,id){
  var value = wx.getStorageSync('note');
  var data = [];
  if(value.length){
    value.forEach(item => {
      if(item.id !== id){
        data.push(item);
      }
    });
    //再保存到缓存
    wx.setStorageSync('note', data);
    //将数据同步到data中
    page.setData({
      listData:data
    })
  }
}